<template>
	<u-popup :show="show" @close="close" class="gui_windows"
		:safeAreaInsetBottom="safeAreaInsetBottom" mode="center" round="20">
	<view class="select_members">
		<view class="h1">
			<text>{{title}}</text>
		</view>
		<slot></slot>
		<!-- <view class="u-flex-x-center contener" @click="authority_show=true;show=false">
			<text class="label">权限</text>
			<view class="u-flex-between down_border u-flex">
				<text>{{user.name?user.name:''}}</text>
				<view class="down">
					<image :src="`${$http_cos}/static/down.png`"></image>
				</view>
			</view>
		</view>
		<view class="u-flex-x-center contener">
			<text class="label">时间</text>
			<view class="u-flex-between down_border u-flex">
				<text v-if="user.days!=0">{{user.days}}天</text>
				<text v-else>无限期</text>
			</view>
		</view> -->
		<view class="u-flex-between u-flex">
			<view class="btn disagree" @click="close">
				<text>取消</text>
			</view>
			<view class="btn agree" @click="agree">
				<text>确定</text>
			</view>
		</view>
	</view>
</u-popup>
</template>

<script>
	export default {
		data() {
			return {
				// showToolbar: false,
				show: false,
				safeAreaInsetBottom:false
			}
		},
		onLoad() {
	
		},
		props:{
			title:{
				type: String,
				default:''
			}
		},
		methods: {
			close(){
				this.show=false
			},
			open(){
				this.show=true
			},
			agree(){
				this.$emit('submit')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.select_members {
		padding: 45rpx 36rpx;
		box-sizing: border-box;
		background-color: #fff;
		border-radius: 46rpx;
		width: 650rpx;
		max-height: 520rpx;
		z-index: 32222;
	
		.h1 {
			font-size: 32rpx;
			font-family: Microsoft YaHei;
			font-weight: bold;
			color: #111111;
			text-align: center;
			width: 100%;
			padding: 10rpx 0 48rpx;
		}
	
		.share-contnet {
			width: 100%;
			height: 100vh;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 777;
	
			.share-bj {
				width: 100%;
				height: 100%;
				background-color: #333333;
				opacity: 0.8;
				z-index: 888;
				position: absolute;
			}
	
			.share-image {
				width: 100%;
				height: 100%;
				display: flex;
	
				image {
					z-index: 999;
					width: 800rpx;
					margin-top: 200rpx;
				}
			}
		}
	
		.contener {
			align-items: center;
			margin-bottom: 24rpx;
	
			.label {
				display: block;
				white-space: nowrap;
			}
	
			text {
				font-size: 28rpx;
				font-weight: 400;
				color: #111111;
			}
	
			.down_border {
				margin-left: 27rpx;
				border: 2rpx solid #C2C2C2;
				border-radius: 20rpx;
				background: #ffffff;
				height: 88rpx;
				width: 454rpx;
				align-items: center;
				padding: 0 34rpx 0 32rpx;
	
				.down {
					width: 20rpx;
					height: 12rpx;
				}
			}
	
		}
	}
</style>